.po-page-login-container{
    background-color: rgb(124, 31, 41) !important;
}

body > app-root > app-login > po-page-login{
    padding: 0 !important;
}

.po-field-icon {
    color: black !important;
}

body > app-root > app-login > po-page-login > po-page-background > div > div > div.po-page-login-body > div > header > div.po-page-login-header-product-name > h1{
    color: black !important;
    font-size: 25px !important;
}

body > app-root > app-login > po-page-login > po-page-background > div > div > div.po-page-login-body > div > header > div.po-page-login-header-welcome.po-mb-md-4.po-mb-sm-2{
    color: black !important;
    font-size: 20px !important;
}

body > app-root > app-login > po-page-login > po-page-background > div > div > div.po-page-login-body > div > form > div > div.po-page-login-recovery-link > a{
    color: black !important;
}


body > app-root > app-login > po-slide{
    display: none;
}

body > app-root > app-login > po-page-login{
    width: 100% !important;
}

body > app-root > app-login > po-page-login > po-page-background > div > div > div.po-page-login-body > div > form > div > po-button > button{
    background-color: rgb(124, 31, 41) !important;
    color: white !important;
}

body > app-root > app-login > po-page-login > po-page-background > div > div > div.po-page-login-body > div > form > div > div:nth-child(1) > div.po-page-login-hint.po-page-login-info-container > div > po-icon > i{
    display: none;
}

.po-page-login-info-field, .po-page-login-field-size {
    width: 60% !important;
}

.po-page-login-info-icon-container {
    padding: unset !important;
    width: unset !important;
}

.po-page-login-password-popover-container {
    width: unset !important;
}

.po-page-login-info-container, .po-page-login-password-container{
    display: flex !important;
    justify-content: center !important;
}

.po-page-background-secondary-logo-image{
    display: none;
}

.po-page-background-main-logo-image {
max-height: 300px !important;
  max-width: 250px !important;
  top: 20px !important;

}

@media (max-width: 480px) {
   .po-page-login-info-field, .po-page-login-field-size {
    width: 80% !important;
} 
.po-page-login-body {
    padding: 0px 30px !important;
}
.po-page-background-footer-mobile-only{
    display: none !important;
}

}

@media screen and (min-width: 481px) {
    .po-mb-md-4 {
        margin-bottom: 1rem  !important;
    }
}

@media (max-width: 1280px) {
.po-page-background-main-logo-image {
  max-height: 120px !important;
  max-width: 220px !important;
  top: 10px !important;
}
}


.po-row{
    justify-content: center;
}

body > app-root > app-login > po-page-login > po-page-background > div > div > div.po-page-login-body > div > form > div > po-select,  .po-page-login-button{
    padding: 0px 5px !important;
}

.po-page-login-panel-content {
background-color: white;
   /* margin-top: 55px; */
border-radius: 20px;
margin-bottom: unset !important;
padding: 10px 0 !important;
box-shadow: 2px 2px 10px black;
}

@media screen and (max-width: 1920px){
.po-page-login-panel-content {
    margin-top: 55px;
}
}